<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        // Title与h1的区别
            // 定义：
            /**
                * Title标签通常用于指定文档的标题，同时也是链接的默认提示文字。
                * H1标签是HTML的6个级标题中最高级的标题，通常用于页面的主标题或者一级标题。一个页面只能有一个
            */
           // 作用
            // title概括网站信息，可以直接告诉搜索引擎和用户这 个网站是关于什么主题和内容的，是显示在网页Tab栏里的；
            // h1突出文章主题，面对用户，更突出其视觉效果，指向 页面主体信息，是显示在网页中的。

            // 注意：
                // 如果title为空，但是页面存在h1,b,strong标签，搜索引擎会默认页面title为h1内的内容，
                // 所以 得出结论h1是在没有外界干扰下除title以外第二个能强调页面主旨的标记，
                // 在一个页面中应该使用且只使用一次h1标记

        // b与strong的区别

            // 定义：
                //  b(bold)是实体标签，用来给文字加粗
                //  strong是逻辑标签，作用是加强字符语气


            //  区别
                //  b标签只是加粗的样式，没有实际含义，常用来表达无强调或着中意味的粗体文字
                //  strong表示标签内字符重要，用以强调，其默认格式是加粗，但是可以通过css添加样式，使用别的样式强调
                //  在一些情况下（如屏幕阅读器），它会被理解为强调的文本
                //  建议：为了符合css3的规范语义化，b应尽量少用而改用strong

            
        // i与em的区别
            // 定义：
                // i(italic)是实体标签，用来使字符倾斜
                // em(emphasis)是逻辑标签，作用是强调文本内容


            // 区别：
                // i标签只是斜体的样式，没有实际含义，常用来表达无强调或着重意味的斜体，比如生物学名、术语、外来语,
                // 用于需要斜体显示但不一定有特别语义含义的文本
                
                // em表示标签内字符重要，用以强调，其默认格式是斜体，但是可以通过CSS添加样式。
                // 建议：为了符合CSS3的规 范，i应尽量少用而改用em


    </script>
</body>
</html>